<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
  <link th:replace="layout :: head"/>
</head>

<body>
<div class="layui-col-md12">
  <div class="layui-card">
    <div class="layui-card-header">
      <span>用户数据</span>
    </div>
    <div class="layui-card-body">
      <div class="layui-tab layui-tab-brief" lay-filter="userFilter">
        <ul class="layui-tab-title">
          <li lay-id="newUser" class="layui-this">新增用户数(人)</li>
          <li lay-id="loginUser">用户登录次数(次)</li>
          <li lay-id="accessUser">访问用户数(人)</li>
        </ul>

        <div class="layui-tab-content">

          <div class="layui-tab-item layui-show">
            <form class="layui-form" id="queryFormNewUser">
              <div class="layui-card">
                <div class="layui-card-body layui-row layui-col-space10">
                  <div class="layui-col-md4">
                    <div class="form-title">开始时间</div>
                    <div class="form-input">
                      <input type="text" class="layui-input" readonly="readonly" id="newUserCreateDate">
                      <input type="hidden" id="startLeftNewUser" name="startLeft" th:value="${start}">
                      <input type="hidden" id="startRightNewUser" name="startRight" th:value="${end}">
                    </div>
                  </div>
                  <div class="layui-col-md4"></div>
                </div>
              </div>
            </form>

            <div class="layui-card layui-margin-bottom">
              <div class="layui-card-body">
                <div id="newUser" style="width:1400px;height:500px;"></div>
              </div>
            </div>
          </div>

          <!-- 奖励记录-->
          <div class="layui-tab-item">
            <form class="layui-form" id="queryFormLoginUser">
              <div class="layui-card">
                <div class="layui-card-body layui-row layui-col-space10">
                  <div class="layui-col-md4">
                    <div class="form-title">创建时间</div>
                    <div class="form-input">
                      <input type="text" class="layui-input" readonly="readonly" id="loginUserCreateDate">
                      <input type="hidden" id="startLeftLoginUser" name="startLeft" th:value="${start}">
                      <input type="hidden" id="startRightLoginUser" name="startRight" th:value="${end}">
                    </div>
                  </div>
                </div>
              </div>
            </form>

            <div class="layui-card layui-margin-bottom">
              <div class="layui-card-body">
                <div id="loginUser" style="width:1400px;height:500px;"></div>
              </div>
            </div>
          </div>

          <div class="layui-tab-item">
            <form class="layui-form" id="queryFormAccessUser">
              <div class="layui-card">
                <div class="layui-card-body layui-row layui-col-space10">
                  <div class="layui-col-md4">
                    <div class="form-title">创建时间</div>
                    <div class="form-input">
                      <input type="text" class="layui-input" readonly="readonly" id="accessUserCreateDate">
                      <input type="hidden" id="startLeftAccessUser" name="startLeft" th:value="${start}">
                      <input type="hidden" id="startRightAccessUser" name="startRight" th:value="${end}">
                    </div>
                  </div>
                </div>
              </div>
            </form>

            <div class="layui-card layui-margin-bottom">
              <div class="layui-card-body">
                <div id="accessUser" style="width:1400px;height:500px;"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<script th:replace="layout :: script"></script>
<script src="https://cdn.staticfile.org/echarts/4.7.0/echarts.min.js"></script>
<script th:src="@{/js/monitor/user.js}"></script>
</body>

</html>
